<!--
    - 名称：atom-fullscreen
    - 功能：切换全屏
-->
<template>
    <el-tooltip content="全屏切换">
        <div @click="toggle" class="fullscreen p-2 cursor-pointer rounded-md bg-transparent hover:bg-[var(--el-fill-color-light)]">
            <el-icon :size="20">
                <FullScreen/>
            </el-icon>
        </div>
    </el-tooltip>
</template>


<script setup>
import {FullScreen} from '@element-plus/icons-vue'
import {useFullscreen} from '@vueuse/core'
const {toggle} = useFullscreen()
</script>

<style scoped lang="less"></style>